<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
	<!-- 页面头部 /-->
	<header class="main-header">
        <nav class="navbar navbar-static-top" style="background: #000000;margin-left: 0px;">
            <div>
                <!-- Logo -->
                <a href="" class="logo">
                    <span class="logo-lg" style="color: #ffffff;">BOOT客户管理系统V2.0</span>
                </a>
            </div>
            <div class="navbar-custom-menu">

                <ul class="nav navbar-nav">
                    <li class="dropdown messages-menu">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                            <i class="fa fa-envelope-o"></i>
                        </a>
                    </li>
                    <li class="dropdown notifications-menu">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                            <i class="fa fa-bell-o"></i>
                        </a>
                    </li>
                    <li class="dropdown tasks-menu">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                            <i class="fa fa-flag-o"></i>
                        </a>

                    </li>
                    <li id="dropdown" class="dropdown user user-menu">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                            <img src="${pageContext.request.contextPath }/img/user2-160x160.jpg" class="user-image" alt="User Image">
                            <span class="hidden-xs">${USER_SESSION.user_code }</span>
                        </a>
                        <ul class="dropdown-menu">
                            <!-- User image -->
                            <li class="user-header">
                                <img src="${pageContext.request.contextPath }/img/user2-160x160.jpg" class="img-circle" alt="User Image">
                                <p>
                                    <span>${USER_SESSION.user_code }</span>
                                    <small>最后登录 11:20AM</small>
                                </p>
                            </li>
                            <!-- Menu Footer-->
                            <li class="user-footer">
                                <div class="pull-left">
                                    <a href="#" class="btn btn-default btn-flat">修改密码</a>
                                </div>
                                <div class="pull-right">
                                    <a href="${pageContext.request.contextPath }/logout.action" class="btn btn-default btn-flat">退出</a>
                                </div>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
        </nav>
    </header>
    <!-- 页面头部 /-->
    
    <script src="${pageContext.request.contextPath }/js/jquery-2.2.3.min.js"></script>
    <script>
        // 鼠标移上：显示
        $("#dropdown").mouseenter(function () {
            $(".dropdown-menu").css("display", "block");
            console.log("mouseenter");
        });

        // 鼠标移出：隐藏
        $("#dropdown").mouseleave(function () {
            $(".dropdown-menu").css("display", "none");
            console.log("mouseleave");
        });
    </script>